<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>公司详情</title>
</head>
<body class="layui-layout-body">

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div class="body_right">
            <h4 class="nav_title">公司详情</h4>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                    <li class="layui-this">公司信息</li>
                    <li>管理员信息</li>
                    <li>印章详情</li>
                </ul>
                <div class="layui-tab-content" style="height: 100px;">
                    <div class="layui-tab-item layui-show">
                        <ul class="new_computer">
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">企业类型:</label>
                                    <div class="layui-input-inline new_textcontent">
                                        名营企业
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">企业名称:</label>
                                    <div class="layui-input-inline  new_textcontent">
                                        ${company.companyName}
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">统一信用代码:</label>
                                    <div class="layui-input-inline  new_textcontent">
                                        ${company.creditCode}
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">营业期限:</label>
                                    <div class="layui-input-inline  new_textcontent">
                                        ${company.businessTermStart?string('yyyy-MM-dd')}至${company.businessTermEnd?string('yyyy-MM-dd')}
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">经营范围:</label>
                                    <div class="layui-input-inline  new_textcontent">
                                        ${company.businessScope}
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">营业执照:</label>
                                    <div id="layer-photos-demo" class="layer-photos-demo card_layerbox">
                                        <span class="card_nextbox">
                                            <img layer-pid="img02" layer-src="${company.businessLicenseUrl}" src="${company.businessLicenseUrl}" alt="身份证正面">
                                            <i class="search_icon"></i>
                                        </span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">法人姓名:</label>
                                    <div class="layui-input-inline  new_textcontent">
                                        ${company.legalPerson}
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">法人身份证:</label>
                                    <div class="layui-input-inline  new_textcontent">
                                       ${company.idcard}
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">法人身份证:</label>
                                    <div id="layer-photos-demo2" class="layer-photos-demo card_layerbox">
                                        <span class="card_nextbox">
                                            <img layer-pid="img02" layer-src="${company.idcardFront}" src="${company.idcardFront}" alt="身份证正面">
                                            <i class="search_icon"></i>
                                        </span>
                                        <span class="card_nextbox">
                                            <img layer-pid="img03" layer-src="${company.idcardBack}" src="${company.idcardBack}" alt="身份证反面">
                                            <i class="search_icon"></i>
                                        </span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="layui-tab-item">
                        <ul class="new_computer">
                            <li  class="color_333">
                                账户信息
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">登陆账户:</label>
                                    <div class="layui-input-inline new_textcontent">
                                        18789876755
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">登陆密码:</label>
                                    <div class="layui-input-inline  new_textcontent">
                                        ********** <a href="javascript:;" class="abtn_link">重置</a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">联系电话:</label>
                                    <div class="layui-input-inline  new_textcontent">
                                        021-23455432
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">联系手机:</label>
                                    <div class="layui-input-inline  new_textcontent">
                                        19878766575
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <ul class="new_computer">
                            <li class="color_333">
                                账户信息
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">管理员姓名:</label>
                                    <div class="layui-input-inline  new_textcontent">
                                        黄孝明
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">身份证号:</label>
                                    <div class="layui-input-inline  new_textcontent">
                                        32345678908539876790
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">法人身份证:</label>
                                    <div id="layer-photos-demo2" class="layer-photos-demo card_layerbox">
                                        <span class="card_nextbox">
                                            <img layer-pid="img02" layer-src="./images/login_bg.jpg" src="./images/login_bg.jpg" alt="身份证正面">
                                            <i class="search_icon"></i>
                                        </span>
                                        <span class="card_nextbox">
                                            <img layer-pid="img03" layer-src="./images/login_bg.jpg" src="./images/login_bg.jpg" alt="身份证反面">
                                            <i class="search_icon"></i>
                                        </span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="layui-tab-item">
                        <table class="layui-table mytable" lay-even="" lay-skin="nob">
                            <colgroup>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>设备编号</th>
                                <th>设备型号</th>
                                <th>申请日期</th>
                                <th>开通日期</th>
                                <th>失效日期</th>
                                <th>设备状态</th>
                                <th>使用次数</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>sj001</td>
                                <td>v1</td>
                                <td>2018-02-09</td>
                                <td>2018-02-09</td>
                                <td>2018-02-09</td>
                                <td><span class="color_orange">待绑定</span></td>
                                <td>0</td>
                                <td class="allbox_a"><a href="javascript:;">查看详情</a></td>
                            </tr>
                            <tr>
                                <td>sj001</td>
                                <td>v1</td>
                                <td>2018-02-09</td>
                                <td>2018-02-09</td>
                                <td>2018-02-09</td>
                                <td> <span class="color_green">待添加</span></td>
                                <td>0</td>
                                <td class="allbox_a"><a href="javascript:;">查看详情</a></td>
                            </tr>
                            <tr>
                                <td>sj001</td>
                                <td>v1</td>
                                <td>2018-02-09</td>
                                <td>2018-02-09</td>
                                <td>2018-02-09</td>
                                <td><span class="color_red">使用中</span></td>
                                <td>0</td>
                                <td class="allbox_a"><a href="javascript:;">查看详情</a></td>
                            </tr>
                            <tr>
                                <td>sj001</td>
                                <td>v1</td>
                                <td>2018-02-09</td>
                                <td>2018-02-09</td>
                                <td>2018-02-09</td>
                                <td><span class="color_666">已过期</span></td>
                                <td>0</td>
                                <td class="allbox_a"><a href="javascript:;">查看详情</a></td>
                            </tr>
                            <tr>
                                <td>sj001</td>
                                <td>v1</td>
                                <td>2018-02-09</td>
                                <td>2018-02-09</td>
                                <td>2018-02-09</td>
                                <td><span class="color_666">已过期</span></td>
                                <td>0</td>
                                <td class="allbox_a"><a href="javascript:;">查看详情</a></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
     </div>
<script>
    //JavaScript代码区域
    layui.use(['element','layer'], function(){
        var layer = layui.layer;
        $('.card_layerbox').find('img').click(function(){
            var id=$(this).parents('.card_layerbox').attr('id');
            // 传id
            layer.photos({
                photos: '#'+id,
                shift: 5, //0-6的选择，指定弹出图片动画类型，默认随机
            });
        })
    });

</script>
</body>
</html>